// 春季主题
.theme-spring{
  background-color: rgb(199, 255, 197);
  color: rgb(41, 94, 41);
  .body .theme .mark{
    color: rgb(0, 170, 0);
  }
  .footer{
    background-color: rgb(152, 255, 131);
  }
}
// 夏季
.theme-summer{
  background-color: rgb(255, 234, 224);
  color: rgb(189, 97, 74);
  .body .theme .mark{
    color: rgb(255, 217, 0);
  }
  .footer{
    background-color: rgb(255, 203, 179);
  }
}
// 秋季
.theme-autumn{
  background-color: rgb(255, 233, 159);
  color: #e79f18;
  .header{
    background-color: rgba(255, 255, 196, 0.7);
  }
  .body .theme .mark{
    color: rgb(255, 102, 0);
  }
  .footer{
    background-color: rgb(255, 255, 131);
  }
}
// 冬季
.theme-winter{
  background-color: white;
  color:rgb(136, 150, 153);
  .header{
    background-color: rgba(227, 254, 255, 0.7);
  }
  .body .theme .mark{
    color: rgb(0, 110, 255);
  }
  .footer{
    background-color: rgb(131, 230, 255);
  }
}
// 四季
.theme-all{
  background-image: linear-gradient(to bottom,rgb(255, 240, 220)0% 5%,rgb(205, 255, 159) 10% 40%,rgb(159, 255, 202) 50% 60%,rgb(227, 254, 255) 90% 100%);
  color: rgb(47, 105, 47);
  .header{
    background-image: linear-gradient(to right,rgba(255, 238, 183,0.7)0% 10%,rgba(205, 255, 159,0.7) 20% 40%,rgba(159, 255, 202,0.7) 50% 70%,rgba(227, 254, 255,0.7) 90% 100%);
  }
  .body .theme .main{
    position: relative;
    font-weight: bolder;
    transform: translateX(-25vw);
  }
  .body .theme .main .bgText{
    width: 100vw;
    position: absolute;
    background-image: linear-gradient(to right,rgba(255, 218, 98,)0% 20%,rgba(181, 255, 111) 30% 35%,rgba(107, 255, 173,) 50% 60%,rgba(125, 251, 255) 80% 100%);
    -webkit-background-clip: text;
    color: transparent;
    left: -3vw;
    top: 3vw;
    z-index: 499;
  }
  .body .theme .main .faceText{
    width: 100vw;
    position: absolute;
    text-shadow: 1px 1px 2px pink;
    z-index: 500;
  }
  .body .theme .mark{
    font-size: 14vw;
    font-weight: bolder;
    letter-spacing: -1vw;
    background-image: linear-gradient(to right,rgba(255, 218, 98, 0.7)0% 20%,rgba(181, 255, 111, 0.7) 30% 35%,rgba(107, 255, 173, 0.7) 50% 60%,rgba(125, 251, 255, 0.7) 80% 100%);
    -webkit-background-clip: text;
    color: transparent;
  }
  .body .founder{
    background-color: rgba($color: #000000, $alpha: 0);
  }
  .footer{
    background-image: linear-gradient(to right,rgb(255, 238, 183)0% 10%,rgb(205, 255, 159) 20% 40%,rgb(159, 255, 202) 50% 70%,rgb(227, 254, 255) 90% 100%);
  }
}